<!DOCTYPE html>
<html>
<head>
<style>
div{margin: 0 auto;} 
#div1
{
margin-bottom:20px;
text-align:center;
border:2px solid #a1a1a1;
padding:20px 50px; 
background:#dddddd;
width:350px;
border-radius:15px;
-moz-border-radius:25px; /* 老的 Firefox */
}
#div2
{
margin-bottom:20px;
text-align:center;
border:2px solid #a1a1a1;
padding:20px 50px; 
background:#dddddd;
width:350px;
border-radius:25%;
-moz-border-radius:25px; /* 老的 Firefox */
}

#div3
{
text-align:center;
width:300px;
height:150px;
background-color:#ff9900;
-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
box-shadow: 10px 10px 5px #888888;
}
}
</style>
</head>
<body>

<div id="div1">border-radius 属性允许您向元素添加圆角(15px)。</div>
<div id="div2">border-radius 属性允许您向元素添加圆角(25%)。</div>
<div id="div3">box-shadow 属性允许您向元素添加阴影。</div>

</body>
</html>
